<template>
  <div class="ep-user-info">
    <div><img src="../assets/icon-head.png"/></div>
    <ul>
      <li>{{utils.replaceName(userInfo.name)}}</li>
      <li>身份证号：{{utils.replaceCard(userInfo.certnum)}}</li>
    </ul>
  </div>
</template>


<script>
  export default {
    data() {
      return {
        userInfo:{}
      }
    },
    created() {
      let user = sessionStorage.getItem("userInfo");
      if (user) {
        this.userInfo = JSON.parse(user);
      }
    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  .ep-user-info {
    height: 84px;
    background: url("../assets/bg_info.png") no-repeat;
    background-size: 100% 84px;
    div {
      display: inline-block;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      margin: 19px 0.1rem 15px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    ul {
      display: inline-block;
      vertical-align: top;
      margin-top: 22px;
      li {
        font-size: 13px;
        color: #FFFFFF;
      }
      li:first-child {
        font-size: 16px;
      }
    }
  }
</style>
